<template>
	<view class="u-step">
<!-- 		<u-navbar :title="headtitle" @rightClick="rightClick(headtitle)" :autoBack="true" height='44px'>
			<view class="u-nav-slot" slot="right">
				<p style='color: rgb(6,107,215);font-size: 32rpx;'>暂存</p>
			</view>
		</u-navbar> -->
		<!-- <view style="height: 10rpx;"></view> -->
		<view style="background-color: white;padding: 20rpx 10rpx;">
			<u-steps :current="num">
				<u-steps-item :title="tit.name" v-for="(tit,index) in tit" :key="index" ></u-steps-item>
				
			</u-steps>
		</view>
	</view>
</template>

<script>
	export default {
		
		data() {
			return {
			
			}
		},
		props:['num','headtitle','tit'],
		methods: {
			rightClick(v){
				console.log(1,v)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.u-step{
		border-bottom: 1px solid #e3e3e3;
		border-top: 1px solid #e3e3e3;
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 10;
	}
</style>
